﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>User Management</title>
    <style>
        input.text
        {
            margin-bottom: 12px;
            padding: 0.4em;
            width: 95%;
        }
        .slick-cell-checkboxsel
        {
            background: #f0f0f0;
            border-right-color: silver;
            border-right-style: solid;
        }
    </style>
    <script src="/plugins/globalize.js" type="text/javascript"></script>
    <script src="/plugins/slick.core.js"></script>
    <script src="/plugins/slick.checkboxselectcolumn.js"></script>
    <script src="/plugins/slick.autotooltips.js"></script>
    <script src="/plugins/slick.cellrangedecorator.js"></script>
    <script src="/plugins/slick.cellrangeselector.js"></script>
    <script src="/plugins/slick.cellcopymanager.js"></script>
    <script src="/plugins/slick.cellselectionmodel.js"></script>
    <script src="/plugins/slick.rowselectionmodel.js"></script>
    <script src="/plugins/slick.formatters.js"></script>
    <script src="/plugins/slick.grid.js"></script>
    <script src="/plugins/surge.core.js" type="text/javascript"></script>
    <script src="/plugins/surge.slickGrid.js" type="text/javascript"></script>
    <script src="/Scripts/Page/userManagementFunction.js" type="text/javascript"></script>
    <script src="/Scripts/Page/userManagementInit.js" type="text/javascript"></script>
</head>
<body>
    <div id="toolbarCommand " class="toolbarCommand ui-widget-header" style="height: 28px;">
    </div>
    <div id="tabs_div" class="ui-layout-center">
        <ul style="-moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0;">
            <li><a href="#tabUserManagerTab"><span>User Manager</span></a></li>
            <li><a href="#tabRoleManagerTab"><span>Role Manager</span></a></li>
        </ul>
        <div class="ui-layout-content ui-widget-content ui-corner-bottom" style="border-top: 0;
            padding-bottom: 1em;">
            <div id="tabUserManagerTab">
                <div class="note">
                    <span id="toolbar" class=" ui-corner-all" style="float: left">
                        <button id="menuAddUser">
                            ADD</button>
                        <button id="menuDeleteUser">
                            Delete</button>
                    </span><span style="float: right">Quick Search&nbsp;<input type="text" maxlength="50"
                        id="quick-info-search"></span>
                </div>
                <div id="UserManagerGrid" style="width: 100%; height: 300px;">
                </div>
            </div>
            <div id="tabRoleManagerTab">
                <div class="note">
                    <span id="toolbarRoleUser" class=" ui-corner-all" style="float: left">
                        <button id="menuAddUserRole">
                            ADD</button>
                        <button id="menuDeleteUserRole">
                            Delete</button>
                    </span><span style="float: right">Quick Search&nbsp;<input type="text" maxlength="50"
                        id="quick-info-search-role"></span>
                </div>
                <div id="UserRoleGrid" style="width: 100%; height: 300px;">
                </div>
            </div>
        </div>
    </div>
    <div id="dialog-form" class="ui-dialog-content ui-widget-content" style="width: auto;
        min-height: 0px; height: 447px;" scrolltop="0" scrollleft="0">
        <p class="validateTips">
            All form fields are required.</p>
        
        <fieldset>
            <div style="clear: both">
            </div>
            <label for="name">
                UserName</label>
            <br />
            <input type="text" style="width: 80%" class="text ui-widget-content ui-corner-all" id="name" name="name"> <button style="height: 25px;" id="btnUserLookup"></button>
            <br />
            <label for="email">
                Email</label>
            <br />
            <input type="text" class="text ui-widget-content ui-corner-all" value="" id="email"
                name="email">
            <br />
            <label for="password">
                Password</label>
            <br />
            <input type="password" class="text ui-widget-content ui-corner-all" value="" id="password"
                name="password">
            <label for="SelectRole">
                Role</label>
            <br />
            <select id="SelectRole" class="text ui-widget-content ui-corner-all" style="margin-bottom: 12px">
            </select>
            <br />
            <label for="msaleGrp">
                Sale Group</label>
            <br />
            <input type="text" class="text ui-widget-content ui-corner-all" id="msalegrp" name="msalegrp">
            <br />
            <label for="txttel">
                Tel</label>
            <br />
            <input type="text" class="text ui-widget-content ui-corner-all" id="txttel" name="txttel">
            <br />
            <label for="txtfax">
                Fax</label>
            <br />
            <input type="text" class="text ui-widget-content ui-corner-all" id="txtfax" name="txtfax">
            <br />
        </fieldset>
        
    </div>
    <div id="dialog-addRole" class="ui-dialog-content ui-widget-content" style="width: auto;
        min-height: 0px; height: 208.4px;" scrolltop="0" scrollleft="0">
        <p class="validateTips">
            All form fields are required.</p>
        <form>
        <fieldset>
            <div style="clear: both">
            </div>
            <label for="rolenametxt">
                Role Name</label>
            <br />
            <input type="text" class="text ui-widget-content ui-corner-all" value="" id="rolenametxt"
                name="rolenametxt">
            <br />
            <label for="roleDescripttxt">
                Role Description</label>
            <br />
            <input type="text" class="text ui-widget-content ui-corner-all" value="" id="roleDescripttxt"
                name="roleDescripttxt">
            <br />
            <label for="isroleDisable" style="float: left;">
                IsDisable</label>
            <input type="checkbox" style="float: left;" class="ui-widget-content ui-corner-all"
                value="" id="isroleDisable" name="isroleDisable">
        </fieldset>
        </form>
    </div>
    <div id="dialog-confirm" title="Please confirm delete this data.">
        <p style="margin-top: 15px;">
            <span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>
            These data will be permanently deleted. Are you sure?</p>
    </div>
    <div id="dialog-confirmDeleteRole" title="Please confirm delete this data.">
        <p style="margin-top: 15px;">
            <span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>
            These data will be permanently deleted. Are you sure?</p>
    </div>
    <div id="dialog-message" title="Information!">
        <p style="margin-top: 12px;">
            <span class="ui-icon ui-icon-circle-check" style="float: left; margin: 0 7px 50px 0;">
            </span>Please select data to delete.
        </p>
    </div>
</body>
</html>
